<!--
@File    : 03_Vue实例对象的数据选项.html
@Time    : 2019/6/4 15:59
@Author  : wangshunqing
@Email   : wangshunqing@yihuacomputer.com
@Software: WebStorm
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <title>03_Vue实例对象的数据选项</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="./lib/vue@2.6.10.js"></script>
</head>
<style>
    #app input{
        width: 80%;
    }
</style>
<body>
<div id="app">
    <p> {{ message }}</p>
</div>
</body>
<script>
    var values = {message: 'Hello Vue!'}
    var vm = new Vue({
        el: '#app',
        data: values
    })
    console.log(vm);
    console.log(vm.$data === values);   //true
    console.log(vm.message);    //'Hello Vue!'
    console.log(vm.$data.message);  //'Hello Vue!'
</script>
</html>